<script setup>
defineProps({
  title: {
    type: String,
    },
    num: {
    type: String,
  }
});
</script>

<template >
  <div class="chartName">
    <div class="tiao"></div>
    <div>{{ title }}</div>
  </div>
  <div class="num">{{num}}</div>
</template>

<style scoped>
.chartName {
  font-size: 20px;
  color: #1b1b1b;
  display: flex;
  margin-top: 20px;
  margin-left: 30px;
  padding-bottom: 10px;
}
.num {
  color: #945635;
  font-size: 120px;
  text-align: center;
}
.tiao{
    width: 4px;
    height: 20px;
    margin-right: 9px;
    background-color: #945635;
    margin-top: 5px;
  }
</style>